<div>
  <section class="opp-section">
    <ul class="ul-box" *ngIf="tagData.data.data.length > 0">
      <ng-container *ngFor="let item of tagData.data.data">
        <li class="li-box" appDebounceClick (debounceClick)="go(item)">
          <div class="text-box">
            <div class="p-head"><img onerror="this.src='assets/img/headtrait.png'" src="assets/img/headtrait.png"
                class="img" /><span class="span-head">{{item.headRowLeft.firstText.label}}</span><span
                class="span-audit"
                [ngStyle]="getNgStyle(item.headRowRight?.firstText?.cssStyle)">{{item.headRowRight.firstText.label}}</span>
            </div>
            <div class="p-width"><span class="span-content">{{item.secondRowLeft.title}}</span><span
                class="span-content" *ngIf="item.secondRowLeft.phone"
                appDebounceClick (debounceClick)="call(item.secondRowLeft.phone)">{{item.secondRowLeft.phone}}</span></div>
            <div class="p-width"><span class="span-content">{{item.thirdRowLeft.title}}</span><span class="span-content"
                *ngIf="item.thirdRowLeft.phone"
                appDebounceClick (debounceClick)="call(item.thirdRowLeft.phone)">{{item.thirdRowLeft.phone}}</span></div>
            <div class="p-bottom"><span class="span-amout">{{item.fourthRowLeft.firstText.label}}</span><span
                class="span-time">{{item.fourthRowRight.firstText.label}}</span></div>
          </div>
        </li>
      </ng-container>
    </ul>
    <div class="noData" *ngIf="tagData.data && tagData.data.data &&  tagData.data.data.length < 1">
      <span class="noData-span">暂无数据</span>
    </div>
  </section>
</div>
<ion-infinite-scroll threshold="5%" (ionInfinite)="loadData($event)">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>